<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时光网络科技</title>
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
	<script src="js/jquery-3.0.0.min.js"></script>
	<script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
	<link rel="stylesheet" href="css/index.css">
	<script src='js/jquery.mousewheel.js'></script>
</head>
<body>
	<header class="vheader">
		<nav class="navbar navbar-default navbar-fixed-top">
		  	<div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"><img src="images/index/logo.svg" width="250px" alt=""></a>
		    </div>

		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		    	<ul class="nav navbar-nav center">
			        <li><a href="#">首页</a></li>
			        <li><a href="#">关于</a></li>
			        <li><a href="#">服务</a></li>
			        <li><a href="#">方案</a></li>
			        <li><a href="#">客户</a></li>
			        <li><a href="#">联系</a></li>
			    </ul>
			    <a href="#" class="glyphicon glyphicon-earphone phone"> 400-6650-361</a>
		    </div>
		</nav>
		<div class="ul">			
		<!-- </header> -->
		<!-- <section> -->
			<div class="vheader-screen">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
				  </ol>

				  <!-- Wrapper for slides -->
				  <div class="carousel-inner class" role="listbox">
				    <div class="item active">
				      <img src="images/index/banner13.jpg" alt="">
				      <div class="carousel-caption">
				      	<h1 class="animate__animated animate__rubberBand">SUCCESS</h1>
				        <h3 class="animate__animated animate__bounceInUp">让我们为您的<span>成功</span>指引道路</h3>
				        <p class="fadeInUp">Let Us Show You the Way to Success</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/index/banner07.jpg" alt="">
				      <div class="carousel-caption">
				        <h1 class="animate__animated animate__rubberBand">FLOURISH</h1>
				        <h3 class="animate__animated animate__bounceInUp">使您的企业永久<span>蓬勃发展</span></h3>
				        <p class="fadeInUp">Make your business flourish forever!</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/index/banner05.jpg" alt="">
				      <div class="carousel-caption">
				        <h1 class="animate__animated animate__rubberBand">LEARNING</h1>
				        <h3 class="animate__animated animate__bounceInUp">我们也在不断学习,<span>与时俱进</span></h3>
				        <p class="fadeInUp">We are constantly learning, advancing with the times!</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/index/banner10.jpg" alt="">
				      <div class="carousel-caption">
				        <h1 class="animate__animated animate__rubberBand">SOLUTION</h1>
				        <h3 class="animate__animated animate__bounceInUp">我们知道如何<span>解决</span>您的问题</h3>
				        <p class="fadeInUp">Make your business flourish forever!</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/index/banner02.jpg" alt="">
				      <div class="carousel-caption">
				        <h1 class="animate__animated animate__rubberBand">SPECIALTY</h1>
				        <h3 class="animate__animated animate__bounceInUp">SPECIALTY<span>专业</span>技术支持</h3>
				        <p class="fadeInUp">Provide professional technical support for your project!</p>
				      </div>
				    </div>
				  </div>

				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
				</div>			
			</div>
			<div class="vheader-screen robot_top">
				<div class="about_top">	
					<ul>
						<li>简介<span></span></li>
						<li>实力<span></span></li>
						<li>文化<span></span></li>
						<li>动态<span></span></li>
					</ul>
					<div>
						<div class="about"></div>
						<div class="about"></div>
						<div class="about"></div>
						<div class="about"></div>
					</div>									
				</div>
				<img src="images/index/robot.png" alt="" class="robot">
			</div>
			<div class="vheader-screen pic">
				<h5>我们<span>提供</span>以下<span>服务</span>供您选择</h5>
				<img src="images/index/shiguang_splitter.png" alt="">
				<div class="service non">
					<ul>
						<li class="col-md-3 col-sm-12"><a href="./html/information.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/product_service.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/method.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/find.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/information.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/method.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/find.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/product_service.html"><p></p></a></li>
					</ul>
				</div>
			</div>
			<div class="vheader-screen pic1">
				<h5>帮助企业<span>站在</span>管理、营销的<span>顶峰</span>  !</h5>
				<img src="images/index/shiguang_splitter.png" alt="">
				<div class="service non">
					<ul>
						<li class="col-md-3 col-sm-12"><a href="./html/information.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/product_service.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/product_service.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/find.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/method.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/information.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/product_service.html"><p></p></a></li>
						<li class="col-md-3 col-sm-12"><a href="./html/method.html"><p></p></a></li>
					</ul>
				</div>
			</div>
			<div class="vheader-screen pic2">
				<h5>因为有你而<span>精彩</span>  !</h5>
				<img src="images/index/shiguang_splitter.png" alt="">
				<div class="service forp">
					<ul>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
						<li class="col-md-3 col-sm-12"><a href="#"></a></li>
					</ul>				
				</div>
			</div>
			<div class="vheader-screen pic3">
				<h5>与我们<span>保持联系</span></h5>
				<img src="images/index/shiguang_splitter.png" alt="">
				<div class="service last">
					<ul>
						<li class="col-md-3 col-sm-12">
							<div>
								<p class="iconfont icon-xinxi"> 漯河时光网络科技有限公司</p>
								<p class="iconfont icon-tubiaozhizuo-"> 豫ICP备14021451号</p>
								<p class="iconfont icon-danseshixintubiao-"> 漯河市源汇区汉江路西段MAX世界港1#2007</p>
								<p class="iconfont icon-phone"> 0395-5565361,400-6650-361</p>
								<p class="iconfont icon-xinxi1">  QQ：9348526；Email：support  5shiguang.net</p>
								<div>
									<!-- <span class="glyphicon glyphicon-send"></span> --><input type="button" value="在线提交需求"><br>
									<!-- <span class="btn2 glyphicon glyphicon-edit"></span> --><input type="button" class="btn2" value="查找工作机会">
								</div>						
							</div>
						</li>
						<li class="col-md-3 col-sm-12 ma"><img src="images/index/qrcode_for_weibo.png" alt=""><p>官方微博@时光网络科技</p></li>
						<li class="col-md-3 col-sm-12 ma"><img src="images/index/qrcode_for_weixin.jpg" alt=""><p>官方微信</p></li>				
					</ul>				
				</div>
			</div>
		<!-- </section> -->
		</div>
		
	</header>




	<script src="js/index.js"></script>
</body>
</html>